/* 一下是一些可以继承的css属性 */

.inherit {

    /* 字体样式 */
    font-family: 'Courier New', Courier, monospace;
    /* 字体大小 */
    font-size: 45px;
    /* 字体粗度 */
    font-weight: 800;
    /* 字体样式（如斜体） */
    font-style: italic;
    /* 文本颜色 */
    color: #ed556a;
    /* 行高 */
    line-height: 60px;
    /* 文本对齐方式 */
    text-align: center;
    /* 首行缩进 */
    text-indent: 10px;
    /* 文本大小写转换 */
    text-transform: uppercase;
    /* 空白符处理方式 */
    white-space: pre-wrap;
    /* 单词间距 */
    word-spacing: 10px;
    /* 字母间距 */
    letter-spacing: 10px;
    /* 文本书写方向 */
    direction: rtl;
    /* 可见性 */
    visibility: visible;
    /* 鼠标样式 */
    cursor: grab;
    /* 层叠顺序 */
    z-index: 100;
    /* 透明度 */
    opacity: 0.9;
    /* 背景颜色 */
    background: rgba(46, 49, 124);
}

/* a标签属性大于继承的属性所以我单独设置了这个盒子中a标签的属性为了美观 */
section a {
    /* inherit是css中的一个关键字使得元素获取其父元素的计算值 */
    color: inherit;
}

/* 为了美观 */
.inherit {
    padding: 0 10%;
}